<script lang='ts' setup>
import {onMounted,ref} from "vue"
let isShow:any = ref('true')

onMounted(()=>{
 isShow.value = false
 console.log(isShow.value)
})
</script>

<template>
  <div class="loading"><van-loading size="24px" v-show="isShow"
  >加载中...</van-loading></div>

  <!-- 将整个应用的布局结构划分为上中下的结构布局 -->
  <header>
    <router-view name="header"></router-view>
  </header>
  <main>
    <router-view></router-view>
  </main>
  <footer>
    <router-view name="footer"></router-view>
  </footer>
</template>

<style>
html,
body {
  width: 100%;
  height: 100vh;
}
main {
  height: 100vh;
}
footer {
  height: 50px;
  margin-top: 50px;
}
.loading{
  text-align: center;
}
</style>
